@import "../_config.scss";

.application-top {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f7f9fb;
  color: $color-black;
  font-size: 12px;

  .pull-right {
    &:first-child {
      margin-left: 50px;
    }
  }

  .top-qrcode{
    .fa-qrcode{
      position: relative;
      cursor: pointer;
      img{
        display: none;
      }
      &:hover{
        img{
          position: absolute;
          display: inherit;
          width: 100px;
          height: 100px;
          left: 100%;
          top: 100%;
        }
      }
    }
  }

  .top-items{
    display: flex;
    flex-flow: row nowrap;

    .sign-in, .sign-up{
      margin-top: -1px;
      a{
        font-size: 14px;
        color: $color-title;
      }
    }

    .dropdown{
      img{

      }
    }

    .sign-in{
      margin-left: 15px;
      &:after{
        content: '';
        padding-right: 15px;
        border-right: 1px solid #000;
      }
    }

    .sign-up{
      margin-left: 15px;
    }
  }
}
